{{include 'public/header'}}
    <link rel="stylesheet" href="css/index.css">
{{include 'public/body'}}
    <div class="all">
      <div class="main">
        <div class="header">
          <img src="image/logo.jpg">
          happy聊天室
        </div>
        <div id="container">
          <div class="conversation">
              <ul id="messages"></ul>
              <form action="">
                  <div class="edit"> 
                    <ul class="fome_title">
                      <li id="font" class="glyphicon glyphicon-text-color"></li>
                      <li id="smile" class="glyphicon glyphicon-heart"></li>
                      <li id="shake" class="glyphicon glyphicon-hand-left"></li>
                      <li id="img" class="glyphicon glyphicon-picture"></li>
                    </ul>
                    <input type="file" id="file">
                    <input type="color" id="color" value="#000000">
                    <div class="selectBox"> 
                      <div class="smile" id="smileDiv"> 
                        <p>经典表情</p>
                        <ul class="emoji"></ul>
                      </div> 
                    </div>
                  </div>
                  <!-- autocomplete禁用自动完成功能 -->
                  <textarea id="m" autofocus></textarea>
                  <button class="btn rBtn" id="sub">发送</button>
                  <button class="btn" id="clear">关闭</button>
              </form>
          </div>
          <div class="contacts">
            <h1>在线人员(<span id="num">0</span>)</h1>
            <ul id="users"></ul>
            <p>当前无人在线哟~</p>
          </div>
        </div>
      </div> 
    </div>
{{include 'public/modal'}}
<!-- 加载全局io -->
<script src="/socket.io/socket.io.js"></script>
<script src="js/index.js"></script>
{{include 'public/footer'}}